<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>万息科技有限公司</title>
    <link rel="shortcut icon" type="image/x-icon" href="../../img/icon.ico"/>
    <link rel="stylesheet" href="../../css/datalist.css">
    <link rel="stylesheet" href="../../css/myiconfont.css">
    <script src="../../js/jquery-3.5.1.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/user/user.js"></script>
</head>
<body>
<div class="menu_name">用户管理</div>
<div class="search">
    <div><label>姓名:</label><input type="text" id="name"></div>
    <button id="find" class="iconfont" onclick="getUserList()">&#xe651;</button>
    <div><label>起止日期:</label>
        <input type="date" id="start_date" onchange="getUserList()">
        <span>-</span>
        <input type="date" id="end_date" onchange="getUserList()">
    </div>
    <div><label>小组:</label>
        <select id="team_select" onchange="getUserList()">
            <option value="全部">全部</option>
            <option value="男">java01</option>
            <option value="女">java02</option>
        </select>
    </div>
</div>
<div class="option">
    <button class="iconfont" onclick="selectAll()">&#xe61a;</button>
    <button class="iconfont" onclick="deselectAll()">&#xe717;</button>
    <button class="iconfont" onclick="selectInvert()">&#xe749;</button>
    <button class="iconfont" onclick="deleteSelected()">&#xe609;</button>
    <div>
        <label>排序方式:</label>
    <select id="sort" onchange="getUserList()">
        <option value="create_time desc">时间降序</option>
        <option value="create_time asc">时间升序</option>
        <option value="id desc">ID倒序</option>
    </select>
    </div>
    <div><label>账号状态:</label>
        <select id="status_select" onchange="getUserList()">
            <option value="全部">全部</option>
            <option value="男">冻结</option>
            <option value="女">未冻结</option>
        </select>
    </div>
    <div><label>性别:</label>
        <select id="gender_select" onchange="getUserList()">
            <option value="全部">全部</option>
            <option value="男">男</option>
            <option value="女">女</option>
        </select>
    </div>
    <div><label>学历:</label>
        <select id="degree_select" onchange="getUserList()">
            <option value="全部">全部</option>
            <option value="男">本科</option>
            <option value="女">高中</option>
        </select>
    </div>
    <div><label>身份:</label>
        <select id="role_select" onchange="getUserList()">
            <option value="全部">全部</option>
            <option value="男">学生</option>
            <option value="女">教师</option>
        </select>
    </div>
</div>
<div class="table">
    <table>
        <thead>
        <tr>
            <th><input type="checkbox" onclick="selectAll()">全选</th>
            <th>ID</th>
            <th>用户编号</th>
            <th>用户姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>小组</th>
            <th>学历</th>
            <th>毕业院校</th>
            <th>籍贯</th>
            <th>现住址</th>
            <th>电话</th>
            <th>紧急联系电话</th>
            <th>注册时间</th>
            <th>更新时间</th>
            <th>状态</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>username</td>
            <td>name</td>
            <td>男</td>
            <td>18</td>
            <td>java-01</td>
            <td>本科</td>
            <td>四川文理学院</td>
            <td>四川省德阳市</td>
            <td>成都市武侯区</td>
            <td>18982818471</td>
            <td>18942893561</td>
            <td>2020-11-17</td>
            <td>2020-11-17</td>
            <td>未冻结</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>username</td>
            <td>name</td>
            <td>男</td>
            <td>18</td>
            <td>java-01</td>
            <td>本科</td>
            <td>四川文理学院</td>
            <td>四川省德阳市</td>
            <td>成都市武侯区</td>
            <td>18982818471</td>
            <td>18942893561</td>
            <td>2020-11-17</td>
            <td>2020-11-17</td>
            <td>未冻结</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>username</td>
            <td>name</td>
            <td>男</td>
            <td>18</td>
            <td>java-01</td>
            <td>本科</td>
            <td>四川文理学院</td>
            <td>四川省德阳市</td>
            <td>成都市武侯区</td>
            <td>18982818471</td>
            <td>18942893561</td>
            <td>2020-11-17</td>
            <td>2020-11-17</td>
            <td>未冻结</td>
        </tr>
        </tbody>
    </table>
</div>
<div class="page">
    <div>
        每页显示 <input id="size" type="text" value="5">条
    </div>
    <div>
        <button id="first" class="iconfont">&#xe69c;</button>
        <button id="lastpage" class="iconfont">&#xe77d;</button>
        <input id="pageipt" type="text" value="1">
        <button id="nextpage" class="iconfont">&#xe77c;</button>
        <button id="last" class="iconfont">&#xe69d;</button>
    </div>
    <div>总条数 <span id="pagecount">5</span> 条</div>
</div>
</body>
</html>